/* 
    Document   : style.css
    Created on : 22.5.2013, 13:42:07
    Author     : milan.frydrych
    Description: main css style
    Purpose of the stylesheet follows.
*/

body { 
	background: url('../images/pozadi2.jpg') no-repeat scroll center top #F0F0F0;
        background-attachment: fixed;
        /*background: url('../images/profil2.jpg') no-repeat scroll center top;*/
        margin: 0;
        padding: 0;
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-size: 12px;
        z-index: 0;
}

#main-box {
    width: 960px;
    /*background: black;*/
    position: relative;
    margin: 10px auto 0;
    text-align: left;
    border:  black solid 1px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 4px 2px 3px #008fff;
    -webkit-box-shadow: 4px 2px 3px #008fff;
    -moz-box-shadow: 4px 2px 3px #008fff;
    z-index: 1;
}
#header {
    float: top;
    clear: both;
    width: auto;
    height: 113px;
    border: black solid 1px;
    background:  black;
    opacity: 0.8;
    color: white;
    font-weight: bold;
    
    -webkit-border-radius: 20px 20px 5px 5px;
    -moz-border-radius: 20px 20px 5px 5px;
    border-radius: 20px 20px 5px 5px;
    padding-left: 1em;
    padding-top: 1em;
    z-index: 2;
}

#menu-left * {
    padding: 0;
    margin: 0;
}

#menu-top {
    float: top;
    clear: both;
    width: 99%;
    height: 2em;
    border: silver solid 1px;
    background: black;
    font-weight: bold;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 4px 2px 3px #666666;
    -webkit-box-shadow: 4px 2px 3px #666666;
    -moz-box-shadow: 4px 2px 3px #666666;
    padding: 0.25em;
    z-index: 2;
}

#menu-top ul li{
    float: right;
    width: 100px;
    margin: 0;
    padding: 0.5em;
    text-decoration: none;
    font-weight:  bold;
}


#menu-top ul li a {
    display: block;
    width: 100%;
    text-decoration: none;
    cursor:  pointer;
    color: white;
}

/*
    obal menu, nastavujeme umístění a formát vnitřku
*/
#menu-left {
    position: relative;
    float: left;
    clear: both;
    display: block;
    width: 19% ;
    margin: 0.5em;
    border: silver solid 1px;
    background-color: #008fff;
    opacity: 0.8;
    box-shadow: 4px 2px 3px #666666;
    -webkit-box-shadow: 4px 2px 3px #666666;
    -moz-box-shadow: 4px 2px 3px #666666;
    padding: 0.5em;
    list-style: none;
    list-style-type: none;
    z-index: 3;
    /*display: none;*/
}

/*
    obal hlavní položky menu
*/
#menu-left li.headlink {
    width: 100%;
    float: left;
    text-align: left;
    padding: 0.25em;
}

/*
    stylování odkazu menu
*/
#menu-left li.headlink a{
    text-decoration: none;
    display: block;
    color: white;
    font-weight: bold;
}

/*
    obal podmenu
*/
#menu-left li.headlink ul {
    left: 15em;
    width: 100%;
    display: none;
    position: absolute;
    border: silver solid 1px;
    background-color: #008fff;
    box-shadow: 4px 2px 3px #666666;
    -webkit-box-shadow: 4px 2px 3px #666666;
    -moz-box-shadow: 4px 2px 3px #666666;
    padding: 0.5em;
    list-style: none;
    list-style-type: none;
    z-index: 3;
}

/*
    odkazy podmenu
*/
#menu-left li.headlink ul a {
    text-align: left;
    padding: 0.25em;
    color: white;
    font-weight: bold;
}

#content-box {
    float:right;
    clear: right;
    width: 75%;
    height: auto;
    border: #008fff solid 1px;
    margin: 0.5em;
    padding: 0.5em;
    background: black;
    opacity: 0.8;
    box-shadow: 4px 2px 3px #008fff;
    -webkit-box-shadow: 4px 2px 3px #008fff;
    -moz-box-shadow: 4px 2px 3px #008fff;
    z-index: 2;
    color: white;
    font-weight: bold;
}

#content-box p:first-letter{
    font-size: 200%;
    color:#8A2BE2;
}

#content-box p {
    text-indent: 3%;
    margin: 1em;
    line-height: 1.5em;
}

#content-box a:link {
    font-weight: bold;
    color: white;
}

#content-box a:visited {
    font-weight: normal;
    color: greenyellow;
}

#content {
    padding: 1em;
    line-height: 1.5em;
}

h1.name:first-letter{
    font-size: 20px;
}

h1.name {
    color: greenyellow;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
}

#msg {
    display: block;
    position: relative;
    top: 1em;
    left: 45%;
    width: 10em;
    height: 3em;
    background-color: black;
    border: #008fff 2px solid;
    padding: 0.25em;
    color: white;
    z-index: 4;
}

#footer {
    float: bottom;
    clear: both;
    width: auto;
    border: black solid 1px;
    background: black;
    opacity: 0.8;
    color: white;
    font-weight: bold;
    
    -webkit-border-radius: 0px 0px 20px 20px;
    -moz-border-radius: 0px 0px 20px 20px;
    border-radius: 0px 0px 20px 20px;
    padding: 1em;
    z-index: 2;
}
